<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>毕业设计管理系统登录</title>
<!-- 引入easyui 的主题样式  和  easyui 提供的图标样式 -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/themes/icon.css" />
<!-- 引入jquery 和  easyui.js   中文设置js-->
<script type="text/javascript"
	src="${pageContext.request.contextPath}\js\jquery-1.9.1.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		
	
		//登录窗口
		$('#win').window({
			width : 500,
			height : 350,
			modal : true,
			title : "登录",
			collapsible : false,
			minimizable : false,
			maximizable : false,
			closable : false
		});
		//用户名输入框
		$('#tb').textbox({
			buttonText : '用户名',
			buttonAlign:'left',
			prompt:'请输入用户名',
			iconCls:'icon-man',

		});
	
		//密码输入框
		$('#tb1').textbox({
			buttonText : '密码',
			buttonAlign:'left',
			prompt:'请输入密码',
			iconCls:'icon-lock',
		});
		//用户文本框光标离开事件
		$("input",$("#tb").next("span")).blur(function(){  
		    var uname = $('#tb').val();
		    $.ajax({
		    	type:'post',
		    	url:'validate',
		    	data:{'uname':uname},
		    	dataType:'text',
		    	success:function(data){
		    		if (data==1) {
		    			$('#yes').show();	    		
					}else{
						$('#no').show();	
					}
		    	}
		    })
		})
		//配置登录
		$('#ff').form({
			url : 'login',
			success : function(data) {
				
				if (data==1) {
					location.href = "showMain"
					
				} else {
					$.messager.show({
						title:'信息提示',
						msg:'登录失败',
						timeout:1000,
						showType:'slide'
					});
				}
			}
		});
		//登录按钮
		$('#btn').linkbutton({
			onClick: function(){
				$('#ff').submit();
			}
		});
		//重置按钮
		$('#btn1').linkbutton({
			onClick: function(){
				$('#ff').form('clear'); 
				$('#yes').hide();
				$('#no').hide();
			}
		});
		
		
	})
</script>
<body>



	<div id="win">
		<div style="margin-left:150px; margin-top: 100px;width:200px;">
			<form id="ff" method="post">
				<input id="tb" type="text" name="uname" style="width:100%;height:32px">
				<span id="yes" style="display: none">用户名正确</span>
				<span id="no" style="display: none">用户名错误</span>
				<br>
				<br> <input id="tb1" type="password" name="upsw"
					style="width:100%;height:32px"> 
					<br><input type="checkbox" name="rm">记住密码
				<br><br> <a id="btn" href="#" iconCls="icon-ok" style="width:45%;height:32px">登录</a>&nbsp;&nbsp;&nbsp;
				<a id="btn1" href="#" iconCls="icon-reload" style="width:45%;height:32px">重置</a>
				
			</form>
		</div>
	</div>  
</body>
</body>
</html>